<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    //一.数组和对象的遍历
    //1.数组的遍历 - for

    // var arr = ['a', 'b', 'c'];
    // for (var i = 0; i < arr.length; i++) {//arr.length执行了3次
    //     console.log(arr[i]);
    // }

    // for (var i = 0, len = arr.length; i < len; i++) { //arr.length执行了1次
    //     console.log(arr[i]);
    // }

    // for (var i in arr) { //var i:数组的索引
    //     console.log(i); //0,1,2
    //     console.log(arr[i]); //a,b,c
    // }

    //2.对象的遍历 - 无序的集合，没有规律
    //for...in...循环(专为对象而生，虽然可以遍历数组)
    // var obj = {
    //     a: 1,
    //     b: 2,
    //     c: 3
    // };
    // for (var i in obj) { //var i:表示对象的属性名称。  obj[i]:对象的属性值。
    // console.log(i); //a,b,c
    // console.log(obj[i]); //1,2,3
    // }
</script>